import React from "react";
import { Flex, Layout} from "antd";
import "./index.css";
import NavBar from "./components/NavBar";
import Operate from "./components/Operate";

const { Header, Content } = Layout;

const Landing:React.FC = () => {
  return (
    <Flex style={{width:'100%'}} justify="center">
      <Layout className="layout">
        <Flex justify="center" style={{width:'100%', backgroundColor:'#fff'}}>
          <Header className="header">
            <NavBar />
          </Header>
        </Flex>
        <Content className="content">
          <img className="adv" src="http://pic.616pic.com/bg_w1180/00/04/88/VMFQ8v0CEV.jpg!/fw/1120"></img>
          <Operate/>
        </Content>
      </Layout>
  </Flex>
  )
}

export default Landing